import React, { FC } from 'react'
import MarkdownNavbar from 'markdown-navbar'
// The default style of markdown-navbar should be imported additionally
import 'markdown-navbar/dist/navbar.css'
import { Card } from 'antd'
import { useTranslation } from 'react-i18next'
import { useSelector } from 'react-redux'
import './index.scss'

const CardRightTwo: FC = () => {
  const { t } = useTranslation()
  const contentt = useSelector((state: any) => state.reducer.detailsItem)
  return (
    <div>
      <Card
        size="small"
        title={<p>{t('catalogue')}</p>}
        style={{ width: '100%' }}
        className="cardtow"
      >
        <MarkdownNavbar source={contentt.content} />
      </Card>
    </div>
  )
}

export default CardRightTwo
